<script lang="ts" setup>
import Talexie from '@/components/Talexie/index.vue'
import Iconify from '@/components/Iconify/index.vue';

</script>

<template>
  <view>
    <view class="flex header" style="margin-top: 30rpx;">
        <text class="title">日历</text>
        <div class="search-btn">
            <Iconify icon="i-fa-search" size="24" />
        </div>
    </view>
    <Talexie></Talexie>
    <view class="flex content">
        <text class="title">即将过期的产品</text>
    </view>
  </view>
</template>

<style lang="scss" scoped>
.header,.content {
    display: flex;
    justify-content: space-between;
    margin: 0 20px 20px;
    .title {
        font-weight: 700;
        font-size: 24px;
    }
}
.search-btn {
    left: 318px;
    top: 0px;
    width: 32px;
    height: 32px;
    opacity: 1;
    border-radius: 213px;
    background: #4EED89;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 10px 10px 10px;
}
</style>
